<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<title>校园失物招领系统--用户登录</title>

<script type="text/javascript" src="./js/head.js"></script>
<style type="text/css">
	input::-ms-clear,input::-ms-reveal{display:none;}
	body{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.form-login{
		width: 50%;
		width: 400px;
		padding: 30px 40px 30px;
		border-radius: 5px;
		
		background: hsla(0,0%,100%,.8);
		position: relative;
	}
	.loading{
		width: calc(100%-80px);
		height: calc(100%-60px);
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 3;

	}
	.logo{
		background-size: 230px 80px;
		width: 100%;
		
	}

</style>
</head>
<body class="bgImg">
	
	<div id='login' class="form-login" v-cloak><!--  -->
		<div class="flex wCenter"><h2>欢迎来到校园失物招领系统</h2></div>
		<el-form v-loading="loginLoading" :model='loginForm' :rules='loginRules' ref='refForm' label-width='80px' lable-position='left'>
			 <el-form-item label="用户名" prop='userCode'>
			    <el-input v-model="loginForm.userCode" :maxlength='33' clearable class="w300"></el-input>
			 </el-form-item>
			 <el-form-item label="密码" prop='password'>
			    <el-input v-model="loginForm.password" type="password" :maxlength='33' clearable class="w300"></el-input>
			 </el-form-item>
			 <el-form-item size="mini" prop="type" label="身份">
			    <el-radio v-model="loginForm.type" label="0">普通用户</el-radio>
  				<el-radio v-model="loginForm.type" label="1">管理员</el-radio>
			 </el-form-item>
		</el-form>
		<div class="flex wCenter">
			<el-button type='primary' @click="submit('refForm')" onkeypress="submit('refForm')">登录</el-button>
			<el-button @click="regist">注册</el-button>
		</div>
	</div>
	
<script type="text/javascript" src="./js/login.js"></script>
</body>

</html>